<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航</title>
    <style type="text/css">
        .menu{
            list-style: none;
            width: 800px;
            height: 50px;
            background-color: azure;
            margin: 100px auto;
            padding: 0px;
        }
        .menu li{
            background-color: lightskyblue;
            float: left;
            margin: 0;
        }
        .menu li a{
            width: 133.3px;
            height: 50px;
            text-decoration: none; /* 去下划线 */
            text-align: center; /* 让文字水平居中 */
            line-height: 50px; /* 让文字垂直居中 */
            text-decoration: none;
            display: inline-block;
            color: dimgray;
        }
        .menu li:first-child{
            border-radius: 15px 0 0 15px;
        }
        .menu li:last-child{
            border-radius: 0 15px 15px 0;
        }
        .menu li:hover{
            background-color: bisque;
        }
    </style>
</head>
<body>
    <!--ul.menu>(li>a{})*6-->
    <ul class="menu">
        <li><a href="">首页</a></li>
        <li><a href="">简介</a></li>
        <li><a href="">解决方案</a></li>
        <li><a href="">新闻</a></li>
        <li><a href="">行业动态</a></li>
        <li><a href="">招纳贤才</a></li>
    </ul>
</body>
</html>